<!-- General error  -->
<div class="panel panel-danger" ng-if="!success">
    <div class="panel-heading">
        <strong>{{(artifact.data || artifact.attachment.name) | fang}}</strong>
    </div>
    <div class="panel-body">
        {{content.errorMessage}}
    </div>
</div>
<div class="report-HybridAnalysisSandbox" ng-if="success">
    <style>
        .report-HybridAnalysisSandbox dl {
            margin-bottom: 2px;
        }
        .smaller {
			width: 25%;
		}
    </style>

    <div class="panel panel-info">
        <div class="panel-heading">
            <strong>Hybrid Analysis File Report</strong>
        </div>
        <div class="panel-body">
            <h4>File Information</h4>
            <br>
            <dl class="dl-horizontal">
                <dt>Analysis Date</dt>
                <dd>{{content.analysis_start_time}}</dd>
            </dl>
            <dl class="dl-horizontal">
                <dt>Submit Name</dt>
                <dd><a ng-href={{content.report_url}}>{{content.submit_name}}</a></dd>
            </dl>
            <dl class="dl-horizontal">
                <dt>SHA256 Hash</dt>
                <dd>{{content.sha256}}</dd>
            </dl>
            <div ng-if="content.classification_tags && content.classification_tags.length > 0">
                <dl class="dl-horizontal">
                    <dt>Tagged As</dt>
                    <dd>
                        <li ng-repeat="tag in ::content.classification_tags">{{tag}}</li>
                    </dd>
                </dl>
            </div>
            <dl class="dl-horizontal">
                <dt>File Type</dt>
                <dd>{{content.type}}</dd>
            </dl>
            <dl class="dl-horizontal">
                <dt>Threat Score</dt>
                <dd>
                    <span ng-class="{'label-info': content.threat_score<=50, 'label-warning': content.threat_score>50 && content.threat_score<=70, 'label-danger': content.threat_score >70}">
                            {{content.threat_score}}
                        </span>
                </dd>
            </dl>
            <dl class="dl-horizontal">
                <dt>Verdict</dt>
                <dd>{{content.verdict}}</dd>
            </dl>
            <div ng-if="content.vx_family && content.vx_family != null">
                <dl class="dl-horizontal">
                    <dt>Malware Family</dt>
                    <dd>{{content.vx_family}}</dd>
                </dl>
            </div>
            <dl class="dl-horizontal">
                <dt>Total Signatures</dt>
                <dd>{{content.total_signatures}}</dd>
            </dl>
            <div ng-if="content.av_detect && content.av_detect != null">
                <dl class="dl-horizontal">
                    <dt>AV Detection</dt>
                    <dd>{{content.av_detect}}</dd>
                </dl>
            </div>
            <div ng-if="content.mitre_attcks && content.mitre_attcks.length > 0">
                <dl class="dl-horizontal">
                    <dt>ATT&CK Techniques:</dt>
                    <dd>
                        <li ng-repeat="attck in ::content.mitre_attcks">{{attck.tactic}}: {{attck.technique}}</li>
                    </dd>
                </dl>
            </div>
            <div ng-if="content.target_url && content.target_url != null">
                <dl class="dl-horizontal">
                    <dt>Target URL</dt>
                    <dd>{{content.target_url}}</dd>
                </dl>
            </div>
            <div ng-if="content.hosts && content.hosts.length > 0">
                <dl class="dl-horizontal">
                    <dt>Contacted Hosts</dt>
                    <dd>
                        <li ng-repeat="host in ::content.hosts">{{host}}</li>
                    </dd>
                </dl>
            </div>
            <div ng-if="content.domains && content.domains.length > 0">
                <dl class="dl-horizontal">
                    <dt>DNS Requests</dt>
                    <dd>
                        <li ng-repeat="domain in ::content.domains">{{domain}}</li>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <div ng-if="content.screenshots && content.screenshots.length > 0">
        <div class="panel panel-info">
            <div class="panel-heading">
                <strong>Screenshots</strong>
            </div>
            <div class="panel-body">
                <dl class="dl-horizontal" ng-repeat="screenshot in content.screenshots track by $index">
                    <dt>{{screenshot.name}}</dt>
                    <dd><img class="img-responsive smaller" ng-src="data:image/JPEG;base64,{{screenshot.image}}"></dd>
                    <br>
                </dl>
            </div>
        </div>
    </div>
</div>
